<!DOCTYPE HTML>
<html>
<head>
    <title>用户注册</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script type="applijewelleryion/x-javascript">
         addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }
    </script>
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <!-- Custom Theme files -->
    <link href="css/style.css" rel='stylesheet' type='text/css'/>
    <script src="js/jquery-1.11.1.min.js"></script>
    <!--webfonts-->
    <link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.useso.com/css?family=Open+Sans:400,300italic,300,600' rel='stylesheet' type='text/css'>
    <!--//webfonts-->
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script src="jquery/jquery.js"></script>
    <script type="text/javascript" src="jquery/customer_ajax.js"></script>
</head>
<body>
<!-- banner -->
<div class="banner6">
    <div class="header">
        <div class="container">
            <div class="logo">
                <h1><a href="index">松湖酒店</a></h1>
            </div>
            <nav class="navbar navbar-default" role="navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <!--/.navbar-header-->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="index">主页</a></li>
                        <li><a href="rooms">房间预订</a></li>
                        <li><a href="gallery">服务</a></li>
                        <!--<li><a href="shortcodes">Short Codes</a></li>-->
                        <li><a href="signin">用户登录</a></li>
                        <li><a href="contact">联系我们</a></li>
                        <li><a href="#" id="button6">个人中心</a></li>
                    </ul>
                </div>
                <!--/.navbar-collapse-->
            </nav>
            <div class="search-box">
                <div id="sb-search" class="sb-search">
                    <form>
                        <input class="sb-search-input" placeholder="请输入您想要搜索的信息..." type="search"
                               name="search" id="search">
                        <input class="sb-search-submit" type="submit" value="">
                        <span class="sb-icon-search"> </span>
                    </form>
                </div>
            </div>
            <div class="clearfix"></div>

            <!-- search-scripts -->
            <script src="js/classie.js"></script>
            <script src="js/uisearch.js"></script>
            <script>
                new UISearch(document.getElementById('sb-search'));
            </script>
            <!-- //search-scripts -->

        </div>
    </div>
</div>
<!-- banner -->
<!-- registration -->
<div class="main-1">
    <div class="container">
        <div class="register">
            <form>
                <div class="register-top-grid">
                    <h3>用户信息</h3>
                    <div class="wow fadeInLeft" data-wow-delay="0.4s">
                        <span>姓名<label>*</label></span>
                        <input type="text" id="username" style="border-radius: 5px;" required pattern="[a-zA-Z0-9]{6,10}"
                               autocomplete="off">
                    </div>
                    <div class="wow fadeInRight" data-wow-delay="0.4s">
                        <span>身份证号码<label>*</label></span>
                        <input type="text" id="id_card" style="border-radius: 5px;" required autocomplete="off">
                    </div>
                    <div class="wow fadeInLeft" data-wow-delay="0.4s">
                        <span>邮箱地址(可选)<label>*</label></span>
                        <input type="text" id="email" style="border-radius: 5px;" required autocomplete="off">
                    </div>
                    <div class="wow fadeInRight" data-wow-delay="0.4s">
                        <span>手机号<label>*</label></span>
                        <input type="text" id="phone" style="border-radius: 5px;" required pattern="1[3456789]\d{9}"
                               autocomplete="off">
                    </div>
                    <div class="wow fadeInLeft" data-wow-delay="0.4s">
                        <span>密码<label>*</label></span>
                        <input type="password" id="password" style="border-radius: 5px;" required autocomplete="off">
                    </div>
                    <div class="wow fadeInRight" data-wow-delay="0.4s">
                        <span>请确认密码<label>*</label></span>
                        <input type="password" id="confirm_password" style="border-radius: 5px;" required autocomplete="off">
                    </div>
                </div>
                <!--				</form>-->
                <div class="clearfix"></div>
                <div class="register-but">
                    <!--				   <form>-->
                    <input style="border-radius: 5px;" type="button" value="注册" id="button1" class="btn btn-primary">
                    <div class="clearfix"></div>

                </div>
            </form>
        </div>

    </div>
</div>
<!-- registration -->
<!-- footer -->
<div class="footer">
    <div class="container">
        <div class="col-md-2 deco">
            <h4>导航</h4>
            <li><a href="index">主页</a></li>
            <!--<li><a href="shortcodes">Short Codes </a></li>-->
            <li><a href="signin">登录</a></li>
            <li><a href="contact">联系我们</a></li>
        </div>
        <div class="col-md-2 deco">
            <h4>链接</h4>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">酒店发展</a></li>
            <li><a href="#">需要帮助？</a></li>
        </div>
        <div class="col-md-2 deco">
            <h4>社交</h4>
            <div class="soci">
                <li><a href="#"><i class="f-1"> </i></a></li>
                <li><a href="#"><i class="t-1"> </i></a></li>
                <li><a href="#"><i class="g-1"> </i></a></li>
            </div>
        </div>
        <div class="col-md-3 cardss">
            <h4>付款方式</h4>
            <li><i class="visa"></i></li>
            <li><i class="ma"></i></li>
            <li><i class="paypal"></i></li>
            <div class="clearfix"></div>
        </div>
        <div class="col-md-3 pos">
            <h4>新消息</h4>
            <form method="post">
                <input type="text" class="textbox" value="邮箱" style="border-radius: 5px;background-color: white;"
                       onFocus="this.value = '';"
                       onBlur="if (this.value == '') {this.value = '邮箱';}">
                <div class="smt">
                    <input type="submit" value="提交" style="border-radius: 5px;">
                </div>
            </form>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!-- footer -->
</body>
</html>
